/**
 * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import '../../../../../src/css/form.css';

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}

.aside .page__box-content span,
.aside .page__box-footer span {
  color: var(--gv-theme-neutral-color-dark);
  filter: contrast(0);
  margin: 0.2rem;
  box-sizing: border-box;
  line-height: 20px;
  height: 20px;
}

.aside .page__box-content gv-input {
  width: 100%;
}

.aside .expired-keys {
  max-height: 40vh;
  overflow: auto;
}

gv-confirm {
  --gv-confirm--maw: 500px;
}

.confirm__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.page__box-footer_subscriptions,
.expired-keys .page__box-footer {
  padding: 0.5rem;
}

.page__box-row {
  margin: 0.2rem;
  box-sizing: border-box;
}

.page__box-content_shared-key {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.application-subscriptions__shared-key-message,
.application-subscriptions__shared-key-info,
.application-subscriptions__shared-key-actions {
  padding: 0 5px;
}

.application-subscriptions__shared-key-message {
  flex: 1;
}

.application-subscriptions__shared-key-info {
  flex: 2;
}

.application-subscriptions__shared-key-info__title {
  text-transform: uppercase;
  font-size: var(--gv-theme-font-size-xs, 10px);
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.25px;
}

.application-subscriptions__shared-key-info__row {
  display: flex;
  margin: 5px;
}

.application-subscriptions__shared-key-info__row__cell {
  flex: 1;
}

.application-subscriptions__shared-key-actions,
.application-subscriptions__shared-key-info__row__cell {
  display: flex;
  flex-direction: column;
}

.application-subscriptions__shared-key-actions__button,
.application-subscriptions__search__button {
  min-width: 160px;
}
